<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>请登录</title>
    <!-- 新 Bootstrap4 核心 CSS 文件 -->
    <link rel="stylesheet"
          href="https://cdn.bootcss.com/bootstrap/4.1.0/css/bootstrap.min.css">
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<%--    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>--%>
<%--    <!-- popper.min.js 用于弹窗、提示、下拉菜单 -->--%>
<%--    <script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>--%>
<%--    <!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->--%>
<%--    <script src="https://cdn.bootcss.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>--%>
    <!-- 引入css样式文件 -->
    <link rel="stylesheet" href="<%=request.getContextPath()%>/css/Login.css">
</head>
<body>
<div class="container">
    <h2>学生管理系统</h2>
    <form action="<%=request.getContextPath()%>/LoginServlet" method="post">

        <div class="form-group input-group-lg">
            <input type="text" name="username" id="user" class="form-control"
                   placeholder="管理员姓名">
        </div>

        <div class="form-group input-group-lg">
            <input type="password" name="password" id="password"
                   class="form-control" placeholder="密码">
        </div>

        <div class="form-group input-group-lg">
            <input type="text" name="code" id="code"
                   class="form-control" placeholder="验证码">

        </div>
        <div class="form-group input-group-lg">
        <img id="captcha_img" border="1" src="./CodeServlet">
        <a href="javascript:void(0)"
           onclick="document.getElementById('captcha_img').src='./CodeServlet?r='+Math.random()*10; ">换一个?</a>
        </div>

        <div class="form-button">
            <button type="submit" class="btn btn-primary">登录</button>
            <button type="reset" class="btn btn-secondary">重置</button>
        </div>
    </form>
</div>

</body>
</html>
